<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

<style>
    body {
        background-color: grey;
        margin: 0;
        border: solid blue 2px;
        box-sizing: border-box;
    }

    .box {
        position: absolute;
        width: 100px;
        height: 100px;
    }

    .selective {
        display: none;
    }

    @media (max-width: 1000px) {
        .selective {
            display: block;
        }

    }
</style>
</head>
<body>

<div style="width: 100%; background-color: red; height: 50px;">100% width</div>
<div class="box" style="background-color: green; left: 1100px; top: 1100px;">Scroll creator</div>
<div class="box selective" style="background-color: blue; left: 200px; top: 200px;">@media successful</div>

</body>
</html>